<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>推荐</title>
    <script src="js/rem.js"></script>
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/master.css">
</head>
<body>
    <div class="container">
        <!-- 新闻 -- 头部标题 -->
        <div id="news-header">
            <h2>新闻</h2>
        </div>

        <!-- 新闻 -- 头部导航 -->
        <div id="nav">
            <div id="navUl">
                <li class="active" ><a href="#">推荐</a></li>
                <li><a href="#">视频</a></li>
                <li><a href="#">娱乐</a></li>
                <li><a href="#">健康</a></li>
                <li><a href="#">人文</a></li>
                <li><a href="#">社会</a></li>
                <li><a href="#">内容</a></li>
            </div>
        </div>

        <!-- 新闻 -- 内容 -->
        <div id="news-content">
            <div id="content">
                <div class="box" style="display: block">
                    <div>
                        <h5>被称为“悬崖上的村庄”，只能靠荡秋千的方式下上！</h5>
                        <ul>    
                            <li><img src="img/transparent.gif" alt=""></li>
                            <li><img src="img/transparent.gif" alt=""></li>
                            <li><img src="img/transparent.gif" alt=""></li>
                        </ul>
                        <span>热门</span><em>侃侃而谈</em><em>2万阅读</em>
                    </div>
                </div>
                <div class="box">222</div>
                <div class="box">333</div>
            </div>
        </div>


        <!-- 新闻 -- 底部 -->
        <div id="news-footer">
            <a href="">
                <span class="iconfont icon-gouwo"></span>
                <p>首页</p>
            </a>
            <a href="">
                <span class="iconfont icon-fenlei"></span>
                <p>分类</p>
            </a>
            <a href="">
                <span class="iconfont icon-wode"></span>
                <p>我的</p>
            </a>
            <a href="">
                <span class="iconfont icon-rementuijian"></span>
                <p>推荐</p>
            </a>
            
        </div>
    </div>


    <script src="js/active.js"></script>
    <script>
        loadData()
        function loadData(){

        }
    </script>
</body>
</html>